<?php
/**
 * Created by PhpStorm.
 * User: sdfsdf
 * Date: 20.01.2015
 * Time: 18:08
 */
?>
<script type="text/javascript">
    function delete_portfolio(i){
        $.ajax({
            type: "POST",
            url: "ajax?action=DeletePortfolio",
            data: "Portfolio="+i,
            success: function(data){
                switch (data){
                    case '1':
                        $('#portfolio'+i).fadeOut();
                        break;
                    default:
                        alert('Чтото пошло не так. Возникли тех. неполадки.');
                }
            }
        });
    }
</script>

<div id="wrapper">

        <?php require_once(ADM_TEMPLATE.'menu.php'); ?>

<div id="page">

    <div id="page-titlebar">
        <div id="page-title">Портфолио</div>
    </div>

    <div id="page-content">

        <div id="widget-portfolio" class="widget">
            <div id="add-portfolio" class="btn btn-green">Добавить портфолио</div>

            <div id="items-portfolio">

                <?php while($items = mysqli_fetch_assoc($obj_portfolio)): ?>
                <div id="portfolio<?php echo $items['id']?>" class="portfolio">
                    <img src="<?php echo HOST.'images/portfolio/'.$items['image_path']?>">
                    <textarea maxlength="200" class="comment-portfolio"><?php echo $items['comment']?></textarea>
                    <div class="action-portfolio">
                        <i role="tooltip" data-placement="bottom" data-original-title="удалить" class="fa fa-trash-o" onclick="delete_portfolio(<?php echo $items['id']?>)"></i>
                    </div>
                </div>
                <?php endwhile ?>

            </div>
        </div>
    </div>

</div>

</div>

<div class="modal_overlay"></div>
<div class="modal">
    <div class="upload-img">
        <form enctype="multipart/form-data" id="portf-image-add">
            <img id="portf-main-img" src="" alt="Фото">
            <div id="btn-set-img" class="btn btn-green">загрузить</div>
            <input id="prod-img" type="file" name="file">
            <input id="prod-submit" type="submit" value="">
            <input id="prod-reset" type="reset" value="">
        </form>
    </div>

    <textarea id="com-portf" maxlength="200" placeholder="Комментарий" ></textarea>
    <div id="btn-set-portfolio" class="btn btn-green">добавить в портфолио</div>
</div>
<script type="text/javascript" src="<?=HOST.ADM_TEMPLATE?>js/jquery.slimscroll.js"></script>
<link href="<?=HOST.ADM_TEMPLATE?>css/jquery.mCustomScrollbar.css" type="text/css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function(){

        $('#items-portfolio').slimScroll({
            height: '560px'
        });

       $('#add-portfolio').click(function(){
           $('.modal_overlay').show();
           $('.modal').show();
       });

        $('.modal_overlay').click(function(){
            $(this).hide();
            $('.modal').fadeOut();
        });

        $('.comment-portfolio').blur(function(){
            var this_id = $(this).parent('.portfolio').attr('id');
            var num_id = this_id.replace(/portfolio/g,'');
            var this_comment = $(this).val();

            edit_portfolio(num_id,this_comment);
        });

        function edit_portfolio(i,c){
            $.ajax({
                type: "POST",
                url: "ajax?action=EditPortfolio",
                data: "Portfolio="+i+"&Comment="+c,
                success: function(data){
                    switch (data){
                        case '1':
                            alert('Данные успешно сохранены');
                            break;
                        default:
                            alert('Чтото пошло не так. Возникли тех. неполадки.');
                    }
                }
            });
        }

    });

    $('#prod-img').change(function(){
        var form_data = new FormData($('form#portf-image-add')[0]);
        $.ajax({
            url: 'ajax?action=uploadimg',
            type: "POST",
            data: form_data,
            processData: false,
            contentType: false,
            dataType: 'json',
            success: function(data){
                var resp_code = data.resp_code;
                switch(resp_code){
                    case 0: alert('Не удается закачать файл');
                        break;
                    case 1: var file = data.filename;
                        if(file!=''){
                            $('#portf-main-img').attr('src','/images/portfolio/'+file);
                        }
                        break;
                    case 2: alert('Файл превышает 600кб. Уменьшите размер файла.');
                        break;
                    case 3: alert('Файл должен быть с расширением jpg');
                        break;
                    default : alert('Не удается закачать файл');
                }
            }
        });
    });

    $('#btn-set-portfolio').click(function(){
        var portfolio_com = $('#com-portf').val();
            if(portfolio_com !=''){

                $.ajax({
                    type: "POST",
                    url: "ajax?action=AddPortfolio",
                    data: "PortfolioCom="+portfolio_com,
                    success: function(data){
                        switch (data){
                            case '1':
                                $('.modal_overlay').hide();
                                $('.modal').hide();
                                location.reload();
                                break;
                            case '2':
                                alert('Вы забыли добавить изображение.');
                                break;
                            case '3':
                                alert('Вы забыли добавить комментарий.');
                                break;
                            default:
                                alert('Чтото пошло не так. Возникли тех. неполадки.');
                        }
                    }
                });

            } else {
                alert('Вы забыли добавить комментарий.');
            }
    });

</script>